<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div>公诚勇毅</div> -->
    <style>
        /* div {
            width: 600px;
            height: 600px;
            background-color:aqua;
            text-align: center;
        } */
        .light {
            background-color:aqua;
        }
        .dark{
            background-color: blueviolet;
        }
    </style>
    <!-- <img id="one" src="火箭威少.jpg" alt="二哥" title="火箭威少">

    <input id="password"  type="password"> 
    <input id="button"  type="button" value="显示密码" > -->

<!-- 
    <input type="checkbox" class="city">徐州
    <input type="checkbox" class="city">淮安
    <input type="checkbox" class="city">盐城
    <input type="checkbox" class="city">连云港
    <input type="checkbox" class="city">宿迁
    <input type="checkbox" class="all">全选
    
    <input type="button" id="jian" value="-">
    <input type="text" id="text" value="0">
    <input type="button" id="jia" value="+"> -->
    <!-- <div class="light">他朝若是同淋雪，此生也算共白头</div> -->
    <div class="container">
        <div class="HeNan">商丘</div>
        <div class="JiangSu">徐州</div>
    </div>


    <script>
        let container = document.querySelector('.container');
        let JiangSu = container.children[1];
        let removed = container.removeChild(JiangSu);

        // let div = document.createElement('div');
        // div.innerHTML = '枣庄';
        // div.className = 'ShanDong';
        // div.style.fontSize = '20px';
        // console.log(div);

        // let container = document.querySelector('.container');
        // container.appendChild(div);

        // // let JiangSu = document.querySelector('.JiangSu');
        // let JiangSu = container.children[1];
        // container.insertBefore(div,JiangSu);

        // let HeNan = container.children[0];
        // container.insertBefore(div,HeNan);


        // let div = document.querySelector('div');
        // div.style.color = 'red';
        // div.style.backgroundColor = 'green';

        // div.onclick = function(){
        //     let size = parseInt(div.style.fontSize);
        //     size += 100;
        //     div.style.fontSize = size + 'px';
        // } 

        // let div = document.querySelector('div');
        // div.onclick = function(){
        //     if(div.className == 'light'){
        //         div.className = 'dark';
        //     }else{
        //         div.className = 'light';
        //     }
        // }
        //计数
        // let text = document.querySelector('#text');
        // let Bjia = document.querySelector('#jia');
        // let Bjian = document.querySelector('#jian');
        // Bjia.onclick = function(){
        //     let value = parseInt(text.value);
        //     value++;
        //     text.value = value;
        // }
        // Bjian.onclick = function(){
        //     let value = parseInt(text.value);
        //     value--;
        //     text.value = value;
        // }
        //设置多选
        // let all = document.querySelector('.all');
        // let city = document.querySelectorAll('.city');
        // all.onclick = function(){
        //     for(let i = 0; i < city.length; i++){
        //         city[i].checked = all.checked;
        //     }
        // }
        // for(let i = 0; i < city.length; i++){
        //     city[i].onclick = function(){
        //         all.checked = checkCity();
        //     }
        // }
        // let checkCity = function(){
        //     for(let i = 0; i < city.length; i++){
        //         if(!city[i].checked){
        //             return false;
        //         }
        //     }
        //     return true;
        // }
        //错误代码
        // if(all.checked){
        //     for(let i = 0; i < city.length; i++){
        //         city[i].onclick = function(){
        //             all.checked = false;
        //         }
        //     }
        // }

        // let password = document.querySelector('#password');
        // let button = document.querySelector('#button');
        // button.onclick = function(){
        //     if(button.value == '显示密码'){
        //         password.type = 'text';
        //         button.value = '隐藏密码';
        //     }else{
        //         password.type = 'password';
        //         button.value = '显示密码';
        //     }
        // }
        // let div = document.querySelector('div');
        // console.log(div.innerText);
        // div.innerHTML = '<span>陕西科大</span>';

        // div.onclick = function(){
        //     if(div.innerHTML == "公诚勇毅"){
        //         div.innerHTML = "考得上！";
        //     }else{
        //         div.innerHTML = "公诚勇毅";
        //     }
        // }
        // let img = document.querySelector('#one');
        // console.log(img.title);

        // img.onclick = function(){
        //     img.src = '威少.png';
        //     img.alt = '神龟';
        //     img.title = '雷霆威少';
        // }
    </script>
</body>
</html>